<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>产品汇总页</title>
  <link rel="stylesheet" href="../../css/index.css">
  <link rel="stylesheet" href="./index.css">
</head>

<body>

  <!-- 面包屑导航 -->
  <nav aria-label="Breadcrumb" class="breadcrumb-link">
    <ol class="bread-center">
      <li class="breadcrumb-item" style="display: inline-block">
        <a href="/index.html" class="inactive">Home</a>
      </li>
      <span class="dm-border-line"></span>
      <li class="breadcrumb-item" style="display: inline-block">
        <a href="/faq.html" class="active">Inquiry</a>
      </li>
    </ol>
  </nav>
  <!-- 产品汇总页 Banner -->
  <section class="article-summary-container">
    <figure class="hero-bg">
      <img src="../../img/PC/hero_bg.png" alt="Lab grown diamonds on display">
      <figcaption class="hero-content">
        <h1>Lab Grown Diamonds for Industrial Use</h1>
        <p>
          Each diamond we supply is vetted by our experts, to ensure it meets the finest in aesthetic standards with
          optimal value
          for money. Browse our carefully curated range of the finest GIA and IGI diamonds, to find the best diamond
          for your
          ring.
        </p>
        <button href="/shop-lab-diamonds" class="btn">Shop Lab Diamonds</button>
      </figcaption>
    </figure>
  </section>
  <!-- 汇总页介绍 Description 板块-->
  <section class="diamond-expert">
    <h2 class="knowledge-title">Become A Diamond Expert</h2>
    <p class="knowledge-spec">
      A diamond’s beauty and value is owed to a number of traits. From the four main characteristics - cut, colour,
      clarity
      and carat weight - to the minuscule yet significant aspects like the girdle, culet and polish. Arm yourself with
      the
      knowledge of a diamond’s makeup to help you find the best quality diamonds, at the best price.
    </p>
  </section>
  <!-- Shop By Category板块（自动抓数据） -->
  <section class="shop-category">
    <h2>Shop By Category</h2>
    <ul class="category-list">
      <li>
        <a href="/lab-grown-diamonds">
          <figure>
            <img src="../../img/PC/shop.png" alt="Lab Grown Diamonds">
          </figure>
          <figcaption>Lab Grown Diamonds </figcaption>
        </a>
      </li>
      <li>
        <a href="/lab-grown-diamonds">
          <figure>
            <img src="../../img/PC/shop.png" alt="Lab Grown Diamonds">
          </figure>
          <figcaption>Lab Grown Diamonds </figcaption>
        </a>
      </li>
      <li>
        <a href="/lab-grown-diamonds">
          <figure>
            <img src="../../img/PC/shop.png" alt="Lab Grown Diamonds">
          </figure>
          <figcaption>Lab Grown Diamonds </figcaption>
        </a>
      </li>
      <li>
        <a href="/lab-grown-diamonds">
          <figure>
            <img src="../../img/PC/shop.png" alt="Lab Grown Diamonds">
          </figure>
          <figcaption>Lab Grown Diamonds </figcaption>
        </a>
      </li>
      <li>
        <a href="/lab-grown-diamonds">
          <figure>
            <img src="../../img/PC/shop.png" alt="Lab Grown Diamonds">
          </figure>
          <figcaption>Lab Grown Diamonds </figcaption>
        </a>
      </li>
    </ul>
  </section>
  <!-- Lab Grown Diamond Process 板块 -->
  <section class="lab-content">
    <figure class="lab-dm-bg">
      <a href="#" class="lab-dm-link">
        <img class="occupant-bg-img" src="../../img/PC/process-bg.jpg" alt="Lab grown diamonds Process">
      </a>
      <!-- 左侧 -->
      <ul class="lab-content-list">
        <li>
          <section>
            <div class="lab-content-title">
              <h3>1.</h3>
              <span>Fair engeneering company</span>
            </div>
            <p>
              Our lab experts select the finest quality lab-grown diamond seeds, as it is most important to select
              seeds without any
              imperfections. The best diamond seeds are carefully positioned on a metal disk to be placed inside the
              diamond-growing
              greenhouse.
            </p>
          </section>
          <figure class="lab-content-img">
            <img src="../../img/PC/2025_09_12_step6/step1.gif" alt="Lab grown diamonds Process"></img>
          </figure>
        </li>
        <li>
          <section>
            <div class="lab-content-title">
              <h3>1.</h3>
              <span>Fair engeneering company</span>
            </div>
            <p>
              Our lab experts select the finest quality lab-grown diamond seeds, as it is most important to select
              seeds without any
              imperfections. The best diamond seeds are carefully positioned on a metal disk to be placed inside the
              diamond-growing
              greenhouse.
            </p>
          </section>
          <figure class="lab-content-img">
            <img src="../../img/PC/2025_09_12_step6/step2.gif" alt="Lab grown diamonds Process"></img>
          </figure>
        </li>
        <li>
          <section>
            <div class="lab-content-title">
              <h3>1.</h3>
              <span>Fair engeneering company</span>
            </div>
            <p>
              Our lab experts select the finest quality lab-grown diamond seeds, as it is most important to select
              seeds without any
              imperfections. The best diamond seeds are carefully positioned on a metal disk to be placed inside the
              diamond-growing
              greenhouse.
            </p>
          </section>
          <figure class="lab-content-img">
            <img src="../../img/PC/2025_09_12_step6/step3.gif" alt="Lab grown diamonds Process"></img>
          </figure>
        </li>
        <li>
          <section>
            <div class="lab-content-title">
              <h3>1.</h3>
              <span>Fair engeneering company</span>
            </div>
            <p>
              Our lab experts select the finest quality lab-grown diamond seeds, as it is most important to select
              seeds without any
              imperfections. The best diamond seeds are carefully positioned on a metal disk to be placed inside the
              diamond-growing
              greenhouse.
            </p>
          </section>
          <figure class="lab-content-img">
            <img src="../../img/PC/2025_09_12_step6/step4.gif" alt="Lab grown diamonds Process"></img>
          </figure>
        </li>
        <li>
          <section>
            <div class="lab-content-title">
              <h3>5.</h3>
              <span>Fair engeneering company</span>
            </div>
            <p>
              Our lab experts select the finest quality lab-grown diamond seeds, as it is most important to select
              seeds without any
              imperfections. The best diamond seeds are carefully positioned on a metal disk to be placed inside the
              diamond-growing
              greenhouse.
            </p>
          </section>
          <figure class="lab-content-img">
            <img src="../../img/PC/2025_09_12_step6/step5.gif" alt="Lab grown diamonds Process"> </img>
          </figure>
        </li>
        <li>
          <section>
            <div class="lab-content-title">
              <h3>6.</h3>
              <span>Fair engeneering company</span>
            </div>
            <p>
              Our lab experts select the finest quality lab-grown diamond seeds, as it is most important to select
              seeds without any
              imperfections. The best diamond seeds are carefully positioned on a metal disk to be placed inside the
              diamond-growing
              greenhouse.
            </p>
          </section>
          <figure class="lab-content-img">
            <img src="../../img/PC/2025_09_12_step6/step6.gif" alt="Lab grown diamonds Process"></img>
          </figure>
        </li>

      </ul>
      <!-- 右侧 -->
      <aside class="auxiliary-info">
        <h3 class="auxiliary-info-title">Lab Grown Diamond Process</h3>
        <button>View more</button>
      </aside>
    </figure>
  </section>
  <!-- Our Most Popular Ring Designs板块 -->
  <section class="popular-designs-content">
    <h2>Our most popular ring designs</h2>
    <div class="cards-wrapper">
      <div class="product-card-item">
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>
            Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in thermal
            stability, and
            low in magnetism...
          </p>
          <div class="products-btn">
            <button type="button" class="addBag">
              Add to bag
            </button>
            <button type="button" class="inquiry">
              Inquiry
            </button>
          </div>
        </div>
      </div>
      <div class="product-card-item">
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>
            Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in thermal
            stability, and
            low in magnetism...
          </p>
          <div class="products-btn">
            <button type="button" class="addBag">
              Add to bag
            </button>
            <button type="button" class="inquiry">
              Inquiry
            </button>
          </div>
        </div>
      </div>
      <div class="product-card-item">
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>
            Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in thermal
            stability, and
            low in magnetism...
          </p>
          <div class="products-btn">
            <button type="button" class="addBag">
              Add to bag
            </button>
            <button type="button" class="inquiry">
              Inquiry
            </button>
          </div>
        </div>
      </div>
      <div class="product-card-item">
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>
            Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in thermal
            stability, and
            low in magnetism...
          </p>
          <div class="products-btn">
            <button type="button" class="addBag">
              Add to bag
            </button>
            <button type="button" class="inquiry">
              Inquiry
            </button>
          </div>
        </div>
      </div>
      <div class="product-card-item">
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>
            Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in thermal
            stability, and
            low in magnetism...
          </p>
          <div class="products-btn">
            <button type="button" class="addBag">
              Add to bag
            </button>
            <button type="button" class="inquiry">
              Inquiry
            </button>
          </div>
        </div>
      </div>

      <!-- 左右按钮 -->
      <div class="oc-main-sam-featured-wrapper">
        <div class="slide-button button-prev">
          <svg width="16" height="26" viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M0.854911 13C0.854911 12.263 1.13165 11.5343 1.69352 10.9732L11.564 1.11558C12.3774 0.294807 13.7108 0.294807 14.5242 1.11558C15.3461 1.93635 15.3461 3.25963 14.5242 4.07203L5.58467 13L14.5242 21.928C15.3461 22.7487 15.3461 24.072 14.5242 24.8844C13.7024 25.7052 12.3774 25.7052 11.564 24.8844L1.69352 15.0268C1.13165 14.4657 0.854911 13.737 0.854911 13Z"
              fill="#242424" />
          </svg>

        </div>
        <div class="slide-button button-next slide-button-active">
          <svg width="16" height="26" viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M15.1451 13C15.1451 12.263 14.8683 11.5343 14.3065 10.9732L4.43604 1.11558C3.62259 0.294807 2.2892 0.294807 1.47575 1.11558C0.653916 1.93635 0.653916 3.25963 1.47575 4.07203L10.4153 13L1.47575 21.928C0.653916 22.7487 0.653916 24.072 1.47575 24.8844C2.29759 25.7052 3.62259 25.7052 4.43604 24.8844L14.3065 15.0268C14.8683 14.4657 15.1451 13.737 15.1451 13Z"
              fill="#242424" />
          </svg>

        </div>
      </div>
    </div>
  </section>
  <!-- Our Most Popular Ring Guide 板块 -->
  <section class="popular-designs-content-guide">
    <h2>Our most popular ring designs</h2>
    <div class="cards-wrapper">
      <div class="product-card-item">
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>
            Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in thermal
            stability, and
            low in magnetism...
          </p>
          <div class="products-btn">
            <button type="button" class="inquiry">
              Learn more
            </button>
          </div>
        </div>
      </div>
      <div class="product-card-item">
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>
            Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in thermal
            stability, and
            low in magnetism...
          </p>
          <div class="products-btn">
            <button type="button" class="inquiry">
              Learn more
            </button>
          </div>
        </div>
      </div>
      <div class="product-card-item">
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>
            Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in thermal
            stability, and
            low in magnetism...
          </p>
          <div class="products-btn">
            <button type="button" class="inquiry">
              Learn more
            </button>
          </div>
        </div>
      </div>

      <!-- 左右按钮 -->
      <div class="oc-main-sam-featured-wrapper">
        <div class="slide-button button-prev">
          <svg width="16" height="26" viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M0.854911 13C0.854911 12.263 1.13165 11.5343 1.69352 10.9732L11.564 1.11558C12.3774 0.294807 13.7108 0.294807 14.5242 1.11558C15.3461 1.93635 15.3461 3.25963 14.5242 4.07203L5.58467 13L14.5242 21.928C15.3461 22.7487 15.3461 24.072 14.5242 24.8844C13.7024 25.7052 12.3774 25.7052 11.564 24.8844L1.69352 15.0268C1.13165 14.4657 0.854911 13.737 0.854911 13Z"
              fill="#242424" />
          </svg>

        </div>
        <div class="slide-button button-next slide-button-active">
          <svg width="16" height="26" viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M15.1451 13C15.1451 12.263 14.8683 11.5343 14.3065 10.9732L4.43604 1.11558C3.62259 0.294807 2.2892 0.294807 1.47575 1.11558C0.653916 1.93635 0.653916 3.25963 1.47575 4.07203L10.4153 13L1.47575 21.928C0.653916 22.7487 0.653916 24.072 1.47575 24.8844C2.29759 25.7052 3.62259 25.7052 4.43604 24.8844L14.3065 15.0268C14.8683 14.4657 15.1451 13.737 15.1451 13Z"
              fill="#242424" />
          </svg>
        </div>
      </div>
    </div>
  </section>
  <!-- About Our Certified Diamonds板块 -->
  <section class="about-our-content">
    <!-- 认证的钻石title -->
    <h3 class="certification-title">About Our Certified Diamonds</h3>
    <section class="about-our-content-main">
      <!-- 左侧辅助导航栏 -->
      <aside class="about-left-info">
        <nav class="left-anchor">
          <ol>
            <li class="active">Diamond Quality</li>
            <li>Diamond Quality 2</li>
            <li>Diamond Quality 3</li>
          </ol>
        </nav>
        <div class="customer-service">
          <div class="customer-service-content">
            <figure class="avatar-bg">
              <img class="avatar-img" src="../../img/PC/customer_pg.png" alt=""></img>
              <figcaption>
                <h3>Customer Support</h3>
              </figcaption>
              <figcaption>
                <p class="avatar-spec">
                  Do you have additional questions? No problem, let us help you through the process
                </p>
              </figcaption>
            </figure>
            <button class="contact-us-button">Contact Us</button>
          </div>
        </div>
        </div>
      </aside>
      <!-- 右边内容 -->
      <article class="about-rt-info">
        <nav class="about-rt-info-text">
          <h3 class="about-rt-title">Top Tips</h3>
          <ol class="about-rt-tips">
            <li class="tips-text">
              <div class="description-title">
                <h4 class="description-info-title">Should I sacrifice quality for a bigger diamond?</h4>
                <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M5 0.141183C4.70519 0.141183 4.41374 0.251879 4.18928 0.476626L0.246231 4.4248C-0.082077 4.75018 -0.082077 5.28354 0.246231 5.60892C0.574539 5.93765 1.10385 5.93765 1.42881 5.60892L5 2.03309L8.57119 5.60892C8.8995 5.93765 9.42881 5.93765 9.75377 5.60892C10.0821 5.28018 10.0821 4.75018 9.75377 4.4248L5.81072 0.476626C5.58626 0.251879 5.29481 0.141183 5 0.141183Z"
                    fill="#586168" />
                </svg>
              </div>
              <p class="description-info-spec">
                While size is an attractive feature, the quality of certain diamond characteristics should take a
                little more priority
                when it comes to choosing your diamond. Qualities like the diamond’s cut and colour will have a huge
                impact on the
                beauty of the stone and the bright, icy sparkle you’ll be searching for. A diamond may look large
                but have a poor cut
                grade - meaning, although big, the diamond will appear dull and lacklustre. A poor colour grade will
                make a diamond
                appear yellowish or brownish, rather than the bright and colourless diamond's we all know and love.
              </p>
            </li>
            <li class="tips-text">
              <div class="description-title">
                <h4 class="description-info-title">Should I sacrifice quality for a bigger diamond?</h4>
                <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M5 0.141183C4.70519 0.141183 4.41374 0.251879 4.18928 0.476626L0.246231 4.4248C-0.082077 4.75018 -0.082077 5.28354 0.246231 5.60892C0.574539 5.93765 1.10385 5.93765 1.42881 5.60892L5 2.03309L8.57119 5.60892C8.8995 5.93765 9.42881 5.93765 9.75377 5.60892C10.0821 5.28018 10.0821 4.75018 9.75377 4.4248L5.81072 0.476626C5.58626 0.251879 5.29481 0.141183 5 0.141183Z"
                    fill="#586168" />
                </svg>
              </div>
              <p class="description-info-spec">
                While size is an attractive feature, the quality of certain diamond characteristics should take a
                little more priority
                when it comes to choosing your diamond. Qualities like the diamond’s cut and colour will have a huge
                impact on the
                beauty of the stone and the bright, icy sparkle you’ll be searching for. A diamond may look large
                but have a poor cut
                grade - meaning, although big, the diamond will appear dull and lacklustre. A poor colour grade will
                make a diamond
                appear yellowish or brownish, rather than the bright and colourless diamond's we all know and love.
              </p>
            </li>
            <li class="tips-text">
              <div class="description-title">
                <h4 class="description-info-title">Should I sacrifice quality for a bigger diamond?</h4>
                <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M5 0.141183C4.70519 0.141183 4.41374 0.251879 4.18928 0.476626L0.246231 4.4248C-0.082077 4.75018 -0.082077 5.28354 0.246231 5.60892C0.574539 5.93765 1.10385 5.93765 1.42881 5.60892L5 2.03309L8.57119 5.60892C8.8995 5.93765 9.42881 5.93765 9.75377 5.60892C10.0821 5.28018 10.0821 4.75018 9.75377 4.4248L5.81072 0.476626C5.58626 0.251879 5.29481 0.141183 5 0.141183Z"
                    fill="#586168" />
                </svg>
              </div>
              <p class="description-info-spec">
                While size is an attractive feature, the quality of certain diamond characteristics should take a
                little more priority
                when it comes to choosing your diamond. Qualities like the diamond’s cut and colour will have a huge
                impact on the
                beauty of the stone and the bright, icy sparkle you’ll be searching for. A diamond may look large
                but have a poor cut
                grade - meaning, although big, the diamond will appear dull and lacklustre. A poor colour grade will
                make a diamond
                appear yellowish or brownish, rather than the bright and colourless diamond's we all know and love.
              </p>
            </li>
          </ol>
        </nav>
      </article>
    </section>
  </section>
  <!-- 联系我们弹框 -->
  <section class="contact-dialog">
    <!-- 遮罩层 -->
    <div class="dm-overlay-dialog">
      <header>
        <span class="dm-dialog-title">
          Contact us
        </span>
        <span class="dm-header-close-btn">
          <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M0.166504 6.0013C0.166504 2.77955 2.7775 0.167969 5.99984 0.167969C9.22159 0.167969 11.8332 2.77897 11.8332 6.0013C11.8332 9.22305 9.22217 11.8346 5.99984 11.8346C2.77809 11.8346 0.166504 9.22364 0.166504 6.0013ZM5.99984 5.58889L4.55492 4.14368C4.52782 4.11677 4.49569 4.09546 4.46036 4.08097C4.42502 4.06648 4.38718 4.05909 4.34899 4.05923C4.3108 4.05937 4.27302 4.06702 4.23779 4.08176C4.20256 4.0965 4.17058 4.11804 4.14367 4.14514C4.11647 4.17198 4.09484 4.20394 4.08003 4.23918C4.06523 4.27442 4.05754 4.31224 4.0574 4.35046C4.05727 4.38868 4.06469 4.42655 4.07924 4.46189C4.0938 4.49723 4.1152 4.52935 4.14221 4.55639L5.58742 6.0013L4.14221 7.44622C4.1153 7.47332 4.094 7.50545 4.07951 7.54078C4.06502 7.57612 4.05763 7.61396 4.05777 7.65215C4.0579 7.69033 4.06556 7.72812 4.0803 7.76335C4.09504 7.79858 4.11657 7.83056 4.14367 7.85747C4.17052 7.88467 4.20248 7.9063 4.23772 7.92111C4.27295 7.93591 4.31077 7.9436 4.34899 7.94374C4.38721 7.94387 4.42508 7.93645 4.46042 7.9219C4.49577 7.90734 4.52788 7.88594 4.55492 7.85893L5.99984 6.41372L7.44475 7.85893C7.47185 7.88584 7.50399 7.90714 7.53932 7.92163C7.57465 7.93612 7.61249 7.94351 7.65068 7.94337C7.68887 7.94324 7.72666 7.93558 7.76189 7.92084C7.79712 7.9061 7.8291 7.88457 7.856 7.85747C7.88321 7.83062 7.90484 7.79866 7.91964 7.76342C7.93445 7.72819 7.94214 7.69037 7.94227 7.65215C7.94241 7.61393 7.93499 7.57606 7.92043 7.54071C7.90588 7.50537 7.88448 7.47326 7.85746 7.44622L6.41225 6.0013L7.85746 4.55639C7.88437 4.52929 7.90568 4.49715 7.92017 4.46182C7.93466 4.42649 7.94205 4.38865 7.94191 4.35046C7.94177 4.31227 7.93412 4.27448 7.91938 4.23925C7.90464 4.20402 7.8831 4.17204 7.856 4.14514C7.82916 4.11793 7.79719 4.0963 7.76196 4.0815C7.72672 4.06669 7.6889 4.059 7.65068 4.05887C7.61246 4.05873 7.57459 4.06615 7.53925 4.08071C7.50391 4.09526 7.47179 4.11666 7.44475 4.14368L5.99984 5.58889Z"
              fill="#D2D2D1" />
          </svg>
        </span>
      </header>
      <div class="dm-dialog-body">
        <form class="refDialogWrite" action="" method="post" enctype="multipart/form-data">
          <div class="form-content">
            <!-- you name -->
            <div class="form-item">
              <span class="form-item-label"><span style="color: #ff5858">*</span>Your Name </span>
              <div class="dm-item-input">
                <input type="text" name="consultingName" id="consultingName" />
              </div>
              <div class="error-message">Please enter your name</div>
            </div>
            <!-- company name-->
            <div class="form-item  not-error-info">
              <span class="form-item-label ">Company Name</span>
              <div class="dm-item-input">
                <input type="text" name="companyName" id="companyName" />
              </div>
            </div>
            <!--Your Email-->
            <div class="form-item">
              <span class="form-item-label"><span style="color: #ff5858">*</span>Your Email </span>
              <div class="dm-item-input">
                <input type="text" name="email" id="email" />
              </div>
              <div class="error-message">Please enter your email</div>
            </div>
            <!-- Country -->
            <div class="form-item">
              <span class="form-item-label"><span style="color: #ff5858">*</span>Country</span>
              <div class="select-dropdown">
                <p></p>
                <input type="hidden" name="country" id="country" />
                <svg class="select-arrows" width="16" height="7" viewBox="0 0 16 7" fill="none"
                  xmlns="http://www.w3.org/2000/svg">
                  <path d="M1 0.999272L8 5.70898L15 0.999272" stroke="#868686" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round" />
                </svg>
                <ul id="countryList">
                </ul>
              </div>
              <div class="error-message">Please select your country</div>

            </div>
            <!--Phone number-->
            <div class="form-item">
              <span class="form-item-label"><span style="color: #ff5858">*</span>Phone number</span>
              <div class="dm-item-input">
                <input type="text" name="PhoneNumber" id="PhoneNumber" />
              </div>
              <div class="error-message">Please enter your number</div>
            </div>
            <!--message-->
            <div class="form-item">
              <span class="form-item-label"><span style="color: #ff5858">*</span>Message</span>
              <div class="dm-item-input">
                <input type="text" name="message" id="message" />
              </div>
              <div class="error-message">Please enter your Message</div>
            </div>
            <!-- call back -->
            <div class="form-item not-error-info">
              <div class="item-call-back">
                <input type="checkbox" name="checkbox" id="checkbox" checked="checked">
                <span class="call-tips">
                  Yes, please call me back
                </span>
              </div>
            </div>
            <!-- 谷歌验证码 -->
            <div class="form-item">
              <div class="g-recaptcha" data-sitekey="6Ld2Y7AqAAAAAJSkpkIMDDM0bv0p6ypbtejaO_hc"></div>
            </div>
          </div>
        </form>
        <button class="dm-dialog-btn">Send message</button>
      </div>
    </div>
  </section>



  <!-- jQuery CDN -->
  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script defer src='https://www.google.com/recaptcha/api.js?hl=en-us'></script>
  <script src="../../js/utils/dropdownOptions.js"></script>
  <script src="../../js/utils/enum.js"></script>
  <script src="../../js/utils/regExp.js"></script>
  <script src="../../js/utils/storage.js"></script>
  <script src="../../js/utils/index.js"></script>
  <script src="./index.js"></script>
</body>

</html>